<!DOCTYPE html>
<html>
<head>
		<meta charset="UTF-8">
		<title>京东快报</title>
		<style type="text/css">
			body{background-color: white;
			margin: auto;
			}
			.d{
				margin: 30px;
				width: 230px;
				border: solid 1px gray;
				padding: 0px;
			}
			.d h2 {
				background: linear-gradient(to bottom, #CCCCFF, #FFFFFF);
				margin: 0px;
				border-bottom: dashed gray 1px;
				font-size: 16px;
				font-weight: 400;
				padding-left: 10px;
				height: 25px;
				line-height: 25px;
			}
			.d ul{
				padding: 5px 0px;
			}
			.d ul li{
				font-size: 12px;
				list-style-type: none;
				height: 26px;
				padding: 0px 26px;
				line-height: 26px;
				
			}
			.d ul li a{
				text-decoration: none;
			}
			a:hover{
				color: brown;
			}
		</style>
	</head>

	<body>
		<div class="d">
			<h2>京东快报</h2>
			<ul>
				<li><a href="#">[特惠]海飞丝去屑又去油 超清爽</a></li>
				<li><a href="#">[公告]京东公益支持鲁甸新动作</a></li>
				<li><a href="#">[特惠]4688元抢iPhone 6</a></li>
				<li><a href="#">[公告]小米电视携豪礼高调入驻京东</a></li>
			</ul>
		</div>
	</body>

</html>